//console.log($(".smallbox"))

//AJAX获取  放大镜图片数据
var path = "http://127.0.0.1/YJProject/images/details/fdj/";
$.get("http://127.0.0.1/YJProject/server/detail_fdj.json",function(data){
	//console.log(data)
	var bimg = path+data.bigimg;
	var bg =$("<img></img>"); 
	bg[0].src = bimg;
	bg.appendTo($(".bigbox"));
	
	
	var simg = path+data.smallimg;
	var sg =$("<img></img>"); 
	sg[0].src = simg;
	sg.appendTo($(".smallbox"));
	
	var arr = data.tabimg;
	for(var i=0,len=arr.length;i<len;i++){
		var img = $("<img></img>");
		var li = $("<li></li>");
		img[0].src = path+arr[i];
		img.appendTo(li);
		li.appendTo($(".tab ul"));
	}
	
	fdj_event();
	
	
	
	
	
})






//  封装放大镜模块的所有事件
function fdj_event(){
	
	//  当 点击轮播项中的li 时  边框变红色

$(".tab ul li").click(function(){
	$(this).addClass("active").siblings().removeClass();
	var imgsrc = $(this).find("img")[0].src;
	//console.log(imgsrc)
	$(".smallbox img")[0].src = imgsrc;
	$(".bigbox img")[0].src = imgsrc;
	
})
	
	$(".smallbox").mouseenter(function(){
	$(".smallbox .fdj").addClass("active");
	$(".bigbox").addClass("active");
})

$(".smallbox").mouseleave(function(){
	$(".smallbox .fdj").removeClass("active");
	$(".bigbox").removeClass("active");
})

$(".smallbox").mousemove(function(e){
	var sx = document.documentElement.scrollLeft ||document.body.scrollLeft;
	var sy = document.documentElement.scrollTop ||document.body.scrollTop;
	
	var x = e.clientX +sx - this.offsetLeft - $(".smallbox .fdj").width()/2;
	var y = e.clientY +sy - this.offsetTop - $(".smallbox .fdj").height()/2;
	//console.log(this.offsetLeft)
	var mx = this.offsetWidth-$(".smallbox .fdj")[0].offsetWidth;
	var my = this.offsetHeight-$(".smallbox .fdj")[0].offsetHeight;
	//console.log(mx)
	if(x>mx){
		x = mx;
	}
	if(x<0){
		x = 0;
	}
	
	if(y>my){
		y = my;
	}
	if(y<0){
		y = 0;
	}
	
	
	$(".smallbox .fdj").css({left:x,top:y});
	
	// 大盒子 里面的 图片定位 
	$(".bigbox img").css({left:-4*x,top:-4*y});
	
	
	
})



//  放大镜  右侧按钮 
var n =0;
$(".rbtn").click(function(){
	n++;
	if(n>3){
		n  =3;
	}
	$(".tab ul").stop().animate({left:-n*70});
	
})

//   左侧 按钮

$(".lbtn").click(function(){
	n--;
	if(n<0){
		n = 0;
	}
	$(".tab ul").stop().animate({left:-n*70});
})
	
}





//  详情页吸顶 菜单

$(window).scroll(function(){
	
	$(".head_bottom").css({position:"relative",'z-index':1});
	$(".head_bottom .menu").removeClass("active");
	var top = document.documentElement.scrollTop ||document.body.scrollTop;
	if(top>800){
		
		$("#detail_menu").addClass("active");
		//console.log(top)
	}else{
		
		$("#detail_menu").removeClass("active");
	}
	
	// 滚到一定程度字体颜色变红
	
	//console.log(top)
	if(top>3900){
		$("#detail_menu .rec").addClass("active").siblings().removeClass("active");
	}else{
		$("#detail_menu .rec").removeClass("active").siblings().addClass("active");
	}
	
})


$("#detail_menu a").click(function(){
	$(this).addClass("active").siblings().removeClass("active");
})



// 获取隐藏域的value值

var val = $("#hide").val();
var Rpath = "http://127.0.0.1:80/YJProject/images/list/new_populer/"
var urlpath = "http://127.0.0.1:80/YJProject/client/";

$.get("http://127.0.0.1:80/YJProject/server/goods.json",function(data){
	//console.log(data)
	for(var i=0,len=data.length;i<len;i++){
		if(data[i].pid==val){
			//console.log(data[i].imgSrc)
	var str =   		'<h5 class="g-title">'+data[i].title+'</h5>'+
						'<ul class="g-content">'+
							'<li class="li1"><a href="'+urlpath+data[i].b_url+'?pid="'+data[i].pid+'"">商品品牌：<span class="g-brand">'+data[i].brand+'</span></a></li>'+
							'<li class="li2">优选价<span class="act-price">¥'+data[i].price+'.00</span></li>'+
							'<li class="li3">市场价<span class="mark-price">¥'+data[i].mark_price+'.00</span></li>'+
							'<li class="g-color">'+
								'<dl>'+
									'<dd>颜色：</dd>'+
									'<dt>'+
										'<ul>'+
											'<li title="'+data[i].color+'" class="on active">'+
												'<img src="'+Rpath+data[i].imgSrc+'"/>'+
											'</li>'+
										'</ul>'+
									'</dt>'+
								'</dl>'+
							'</li>'+
							
							'<li class="g-size">'+
								'<dl>'+
									'<dd>尺码：</dd>'+
									'<dt class="active">'+data[i].size+'</dt>'+
								'</dl>'+
							'</li>'+
							
							'<li class="g-num">'+
								'<dl>'+
									'<dd>数量：</dd>'+
									'<dt>'+
										'<p>'+
											'<span class="down">-</span>'+
											'<input type="text" value="1" readonly="readonly"/>'+
											'<span class="up">+</span>'+
										'</p>'+
									'</dt>'+
								'</dl>'+
							'</li>'+
							
							'<li class="tishi">'+
								'<dl>'+
									'<dd>提示：</dd>'+
									'<dt>'+
										'<ul>'+
											'<li class="red"></li>'+
											'<li class="txt">香港保税仓发货</li>'+
											
											'<li class="red"></li>'+
											'<li class="txt">售价含税</li>'+
											
											'<li class="red"></li>'+
											'<li class="txt">满额包邮</li>'+
										'</ul>'+
									'</dt>'+
								'</dl>'+
								
							'</li>'+
						'</ul>'+
						
						'<div class="g-collect">'+
							'<span class="coll">收藏</span>'+
							'<a href="###" class="buy"></a>'+
							'<span class="add">'+
								'<img src="../images/details/fdj/shopping-bag.png"/>'+
								'加入购物袋'+
							'</span>'+
						'</div>';
				
				var div = $('<div class="g-right right" pid="'+data[i].pid+'"></div>');
				div.html(str).appendTo($("#details_main .goods"));
				cart_r_event();
					return false;
						
		}
		
	}
})

cart_r_event();

// 对详情页面右侧添加购物车部分的事件进行封装

function cart_r_event(){
	//  点击添加购物车时 将商品数据 存入本地

$(".g-collect .add").click(function(){
	//console.log($.cookie("goods"))
		var pid = $(this).parents(".g-right").attr("pid");
		//var act = $(this).parents("dl").attr("active");
		//var url = $(this).parents("dl").find(".url")[0].href;
		var src = $(this).parents(".g-right").find("img")[0].src;
		var desc = $(this).parents(".g-right").find("h5").html();
		var color = $(this).parents(".g-right").find(".on")[0].title;
		var size = $(this).parents(".g-right").find(".g-size").find("dt").html();
		var price = $(this).parents(".g-right").find(".act-price").html();
		
		//用正则表达式对价格做一个处理
		var reg =/\d+/g;
		var arr = reg.exec(price);
		var p = arr[0];
//		//将获取到的商品数据封装在对象中      并存入本地cookie
		var num = Number($(".g-num input").val());
		//console.log(num)

		
		var obj = {
			pid:pid,
			
			imgSrc:src,
			desc:desc,
			color:color,
			size:size,
			price:p,
			
			count:num //商品数量默认为1
			
		}
		
		//console.log(price)
		//存入本地钱前对商品 进行判断      本地是否已经 存有本商品
		var is = checkGoods(pid);
		if(is){
			//alert("有")
			addCount(pid,num);
			//alert(111)
			numTotal();
			//console.log(numTotal())
			//console.log($.cookie("goods"))
			
		}else{
			//alert("没有")
			//console.log(obj)
			addObj(obj);
			//console.log($.cookie("goods"))
			//console.log(numTotal())
			numTotal();
			
		}
		
		//  模糊特效  添加购物车成功
		
		//   加入购物车成功后的特效
		
		//var w = $(window).width();
		var h = $(window).height();
		
		$('#bigbox').height(h).fadeIn(1000);
		$('#smallbox').fadeIn(1000);
		
		setTimeout(function(){
			$('#bigbox').height(h).fadeOut("slow");
			$('#smallbox').fadeOut("slow");
		},1000)
		
		
		
		
		
		
})

numTotal();

//  给颜色和 尺寸 加点击事件

//console.log($(".g-color dt ul li"))
$(".g-color dt ul li").click(function(){
	$(this).toggleClass("active");
})

$(".g-size dt").click(function(){
	$(this).toggleClass("active");
})

// 点击  +号时

$(".g-num .up").click(function(){
	var val = $(this).prev().val();
	val++;
	$(this).prev().val(val);
	//console.log(val)
})

// 点击  - 号时

$(".g-num .down").click(function(){
	var val = $(this).next().val();
	val--;
	if(val<1){
		val = 1;
	}
	$(this).next().val(val);
	//console.log(val)
})


//  当鼠标移入 添加购物车 按钮时  改变其透明度

$(".g-collect .add").mouseenter(function(){
	$(this).addClass("active");
	
})

$(".g-collect .add").mouseleave(function(){
	$(this).removeClass("active");
	
})

// 点击收藏按钮时自动跳转到注册页面

$(".g-collect .coll").click(function(){
	
	window.location.href = "http://127.0.0.1:80/YJProject/client/regist.html";
})

	
}


